<template>
  <div class="container">
    <div class="footer">
      <div class="footer_logo">
        <img :src="img" />
        <div>小米商城</div>
      </div>
      <div class="out_link">
        <a href="">零远思维</a>
        |
        <a href="">vue课程</a>
        |
        <a href="">零远思维</a>
        |
        <a href="">零远思维</a>
      </div>
      <div>零远思维</div>
    </div>
  </div>
</template>

<script>
import img from "../../assets/mi_logo.png";
export default {
  name: "navfooter",
  data: () => {
    return {
      test: 1,
      img,
    };
  },
};
</script>
<style lang="scss" scoped>
.container {
  min-width: 1226px;
  margin: 0 auto;
  //   height: 40px;
  background: black;
  overflow: hidden;
  line-height: 40px;
  color: #fff;
  text-align: center;
  .footer {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    .out_link {
      > a {
        color: #fff;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
      }
    }
  }
}
</style>